<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>发起话题</title>
<link rel="stylesheet" href="css/discuss-send.css" />
<script type="text/javascript" src="js/space-discuss-left.js"></script>
</head>

<body>
<!--**************顶部导航****************-->
	<div class="nav">
	<div class="nav-left">
    	<img src="images/2.png" />
        <ul>
        	<li class="margin"><a href="#">社区</a></li>
            <li><a href="#">学习空间</a></li>
            <li class="margin"><a href="#">我的群组</a></li>
        </ul>
        <div class="nav-left-button">
        	<form action="">
            	<input type="submit" id="button1" value="搜索" />
                <input type="text" placeholder="搜索资源或话题" />
            </form>
        </div>
    </div>
    <div class="nav-right">
    	<button id="button2">意见反馈</button>
        <!--头像-->
        <div  class="nav-right-logo">
        	<div id="menu_title1" class="menu_title" onclick="openMenu(this)">
				<img src="images/4.jpg" />
				<div class="indicator" id="indicator1">
					<
				</div>
			</div>
			<div class="menu" id="menu1">
            	<div class="item">
					<a href="#" target="">昵称</a>
				</div>
				<div class="item">
					<a href="" target="">我的动态</a>
				</div>
				<li class="item_divider"></li>
				<div class="item">
					<a href="" target="">个人中心</a>
				</div>
                <div class="item">
					<a href="" target="">退出系统</a>
				</div>
			</div>
        </div>
        <!--消息提示-->
        <div class="nav-right-img">
        <ul>
        	<li>
            	<a href="#"><img src="images/3.png" /></a>
            	<ul>
                	<li><a>回复我的</a></li>
                    <li><a>收到的赞</a></li>
                    <li><a>系统通知</a></li>
                </ul>
            </li>
        </ul>
        </div>
    </div>
	</div>
     <!--**************左侧导航****************-->
	<div class="sidebar-scroll">
      <nav>
        <ul>
          <div class="iframe_link"><a href="#" target="_blank">
          	<img src="images/spacelogo.png" /><div class="title">开发小组1111111111111222222222</div></a>
          </div>
          <li><a href="#" target="_blank" id="lname-focus1" onfocus="setStyle(this.id)" onblur="loss(this.id)">主页<span>4</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus2" onfocus="setStyle(this.id)" onblur="loss(this.id)">资源区<span>3</span></a></li>
     	  <li><a href="#" target="_blank" id="lname-focus3" onfocus="setStyle(this.id)" onblur="loss(this.id)">讨论区<span>2</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus4" onfocus="setStyle(this.id)" onblur="loss(this.id)">贡献区<span>1</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus5" onfocus="setStyle(this.id)" onblur="loss(this.id)">成员<span>4</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus6" onfocus="setStyle(this.id)" onblur="loss(this.id)">设置<span>3</span></a></li>
        </ul>
      </nav>
    </div>
    <!--***************右侧发起话题界面*******************-->
    <div class="right">
    <!--标题导航-->
	<div class="discuss-nav">
    	<span class="discuss-nav-title"><a href="#">学习空间</a></span>
        >
        <span class="discuss-nav-title"><a href="#">开发小组空间名称</a></span>
         >
        <span class="discuss-nav-title"><a href="#">讨论区</a></span>
        >
        <span>发布话题</span>
    </div>
    <!--讨论标题-->
    <div class="discuss-title">
    	<h3>发布话题</h3>
     	<h5>话题标题</h5>
        <form action="#" method="post">
              <input type="text" name="content" id="content" value="" size="130" placeholder="标题"/>
              
              <!-- 注意: 使用此页面，只需使用<jsp:include page="xxx.jsp"/>动作将此页面包含进来--> 
				<!-- 第一步：设置一个编辑器div -->
				<div id="editor"></div>
				<!-- 第二步：CDN:jQuery远程引入富文本编辑器（注意：以后使用时只需联网，不用下载） -->
				<script type="text/javascript" src="https://unpkg.com/wangeditor/release/wangEditor.min.js"></script>
				<script type="text/javascript">
				//第三步：创建一个编辑器
	   			var E = window.wangEditor
   				var editor = new E('#editor')
   				editor.create()
   				//第四步：以下是可选择操作
   				//设置编辑器内容
  				editor.txt.html('<p>用 JS 设置的内容</p>')
   				//继续追加内容
				editor.txt.append('<p>追加的内容</p>')
   				//清空编辑器内容
				editor.txt.clear()
   				//获取编辑器的内容
				editor.txt.text()
				</script>
                
                <!--特别提醒-->
                <div class="discuss-tab">
                	<span class="tab-title">特别提醒</span>
                    <span>
                    	<input type="text" name="" id="t" value="" size="30" placeholder="选择标签"/>
                    </span>
                </div>
                  
                  <!--添加标签-->      
                 <div class="discuss-tab">
                	<span class="tab-title">添加标签</span>
                    <span>
                    	<input type="text" name="" id="t" value="" size="30" placeholder="选择标签"/>
                    </span>
                </div>
                <!--按钮-->
                <div class="discuss-button">
                	<input type="submit" name="" id="submit" value="发布话题贴"/>
                    <input type="reset" name="" id="rest" value="取消"/>
                </div>
            </form>
        </div>
      </div>
</body>
</html>
